<template>
  <div>
    <el-row>
      <HomeHeader style="height:10vh"/>  <!--vh 表示百分比-->
    </el-row>

    <el-row>
      <el-col :span="4" clss="text-center">
        <el-menu :router="true">
          <el-menu-item index="/type">
            <el-icon><Menu /></el-icon>分类</el-menu-item
          >
          <el-menu-item index="/HomePraise">
            <el-icon><Menu /></el-icon>我赞</el-menu-item
          >
          <el-menu-item index="/HomeComment">
            <el-icon><Menu /></el-icon>我评</el-menu-item
          >
        </el-menu>
      </el-col>
      <el-col :span="16" class="big-light">
        <router-view></router-view>
      </el-col>

      <el-col :span="4" class="big-light ps-3 pt-2">
        <HomeRank />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { Menu } from "@element-plus/icons-vue"
import HomeHeader from "./HomeHeader.vue";
import HomeRank from "./HomeRank.vue";

export default {
  name: "HomeFrame",
  components: {
    Menu,
    HomeHeader,
    HomeRank,
  },
  data() {
    return {
      searchVal: null,//HomeHeader组件传过来的SearchVal存放于此
    };
  },
  watch: {
    searchVal() {
      console.log(this.searchVal);
    },
  },
};
</script>

<style>
</style>